import '../style.less';
import Rasterize from '../rasterize'
import Panle from '../panel'
import { comps } from '../lc_components'
import Times from "../Times/index"
import Today from "../Today/index"
export default function IndexPage() {
  return (
    // <div>
    //   <Rasterize>
    //     <Panle></Panle>
    //   </Rasterize>
    // </div>
    <div id="lc-project" style={{ position: "relative" }}>
      {
        <Today></Today>
      }
      {
        <Times></Times>
      }
      <main className="app-container">
        <div className="app-container-inner">
          <div className="lc-app">
            <Rasterize className="ap-rasterize" col={comps.col} row={comps.row}>
              {
                comps.data.map(item => {
                  return <Panle
                    key={item.component + item.id}
                    boderDebugger={false}
                    // 组件宽高。位置
                    property={item}></Panle>
                })
              }
            </Rasterize>
          </div>
        </div>
      </main>

    </div>
  );
}
